<template>
	<view class="index-box clearfix bai">
		<!--头部导航-->
		<top :scrollTop = "scrollTop"></top>
		<!--轮播图开始-->
		<!-- <view class="index-carousel clearfix bai">
			<carousel></carousel>
		</view> -->
		<!--创作工具-->
		<view class="index-tools clearfix bai">
			<create-tools></create-tools>
		</view>
		<!--精品推荐-->
		<view class="index-recommend clearfix bai">
			<!-- <recommend></recommend> -->
		</view>
		
		<!--底部版权信息-->
		<view class="index-footer clearfix bai">
			<bottom></bottom>
		</view>
	</view>
</template>

<style scoped>
	.index-footer{margin-top:50px;height:50px;margin-bottom:100px;}
	.index-tools,.index-recommend{height:190px;margin-top:30px;}
	.index-recommend{height:auto;}
	.index-carousel{margin-top:80px;}
</style>

<script>
	import common from "@/static/js/common.js"
	export default {
		data() {
			return {
				scrollTop:0
			}
		},
		onReady() {
			var that = this;
			window.onscroll = function() {
			  that.scrollTop = common.getScrollTop();
			};
		},
		methods: {
			
		}
	}
</script>
